@charset "utf-8";
section{
    margin-top: 24px;
    border-top: 4px solid #eb413d;
    & .title{
        margin-left: 115px;
        margin-top: 80px;
        & .flow:first-of-type{
            width: 270px;
            border-top: 1px solid #eb413d;
            & img{
                width: 58px;
                height: 67px;
                display: block;
                margin-top: -33px;
            }
           h1{
               color: #eb413d;
           }
                
        }
        & .flow{
            width: 270px;
            border-top: 1px solid #d9d9d9;
             & h1{
                margin-top: -63px;
                color: #444f58;
                float: left;
                font-size: 18px;
                margin-left: 70px;
            }
            h2{
                float: left;
                color: #444f58;
                font-size: 16px;
                margin-left: 70px;
                margin-top: -30px;
            }
            span{
                display: block;
                font-size: 14px;
                color: #99999A;
                width: 80px;
                text-align: center;
                margin-left: -11px;
                margin-top: 13px;
            }
            & img{
                width: 58px;
                height: 67px;
                display: block;
                margin-top: -33px;
            }
        }
    }
    .content{
        margin: 0 auto;
        width: 1000px;
        margin-top: 40px;
        border: 1px solid #e1e1e1;
        margin-bottom: 380px;
      .left{
          width: 420px;
          padding-top: 40px;
          box-sizing: border-box;
          border-right: 1px solid #E1E1E1;
          padding-bottom: 75px;
         & .top{
              margin: 0 auto;
              width: 320px;
              
              h1{
                  font-size: 18px;
                  color: #444f58;
                  margin-right: 20px;
              }
              .border{
                  width: 120px;
                  height: 120px;
                  border: 1px solid #E1E1E1;
                  margin-top: 30px;
                  background: url(../../images/my_order/list_good_01.jpg) no-repeat center;
                  img{
                      width: 74px;
                      height: 99px;
                      margin-left: 23px;
                      margin-top: 12px;
                  }
              }
              .introduce{
                  width: 180px;
                  margin-left:20px;
                  h1{
                      float: left;
                      font-size: 13px;
                      color: #444F58;
                      line-height: 24px;
                      margin-top: 30px;
                  }
                  h2{
                      float: left;
                      font-size: 13px;
                      color: #444F58;
                      margin-top: 30px;
                  }
                  span{
                      float: left;
                      font-size: 13px;
                      color: #444F58;
                      margin-top: 30px;
                  }
              }
          }
          .middle{
              margin: 0 auto;
              width: 320px;
              margin-top: 25px;
              border-top: 1px dotted #efefef;
              h1{
                  font-size: 13px;
                  color: #878787;
                  padding-top: 20px;
                  letter-spacing: 20px;
              }
              p{
                  font-size: 13px;
                  margin-left: -20px;
                  padding-top: 20px;
                  color: #878787;
              }
              h2{
                  font-size: 13px;
                  color: #444f58;
                  padding-top: 20px;
              }
              span{
                  font-size: 13px;
                  color: #444f58;
                  padding-top: 20px;
              }
              h3{
                  font-size: 13px;
                  color: #444f58;
                  padding-top: 20px;
                  margin-left: 15px;
              }
              h4{
                  font-size: 13px;
                  color: #444F58;
                  padding-top: 20px;
              }
              i{
                  padding-top: 21px;
                  margin-left: 10px;
              }
          }
          .blow{
              margin: 0 auto;
              width: 320px;
              margin-top: 25px;
              border-top: 1px dotted #efefef;
              h1{
                  font-size: 18px;
                  color: #444f58;
                  margin-top: 25px;
                  margin-bottom: 25px;
              }
              h2{
                  font-size: 13px;
                  color: #878787;
                  margin-top: 15px;
              }
              p{
                  font-size: 13px;
                  color: #444f58;
                  margin-top: 15px;
                  margin-left: 15px;
              }
              h3{
                  font-size: 13px;
                  color: #444f58;
                  margin-top: 15px;
                  margin-left: 28px;
              }
              span{
                  font-size: 13px;
                  color: #444f58;
                  padding-top: 15px;
              }
          }
      }
      .right{
          width: 578px;
          padding-top: 60px;
          box-sizing: border-box;
          button{
              margin-top: 30px;
              margin-left: 135px;
          }
        
      }
    }
}